<template>
	<uv-tabs :list="tabsList" @click="handleTabClick" :activeStyle="{
      color: '#f56c6c',
      fontWeight: 'bold',
      transform: 'scale(1.02)'
    }" lineColor="#f56c6c" :scrollable="false" />
</template>

<script>
	export default {
		name: 'tabsComponent',
		props: {
			tabsList: {
				type: Array,
				default: () => []
			}
		},
		methods: {
			handleTabClick(e) {
				this.$emit('handleTabClick', e)
			}
		}
	}
</script>